<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<ul id="ul01">
					<li>苹果</li>
					<li>香蕉</li>
					<li>葡萄</li>
				</ul>
				<input type="text" id="input1"/>
				<button onclick="add()">添加</button>
				
				<script type="text/javascript">
					
					function add()
					{
						console.log("add()");
						// 创建li元素
						var li = document.createElement("li");
						// 创建文本元素
						var txt = document.createTextNode(input1.value);
						// 把文本放入li元素
						li.appendChild(txt)
						// 将创建的li放入ul
						ul01.appendChild(li);
					}
					// 练习3 
					// 书上第11章 综合练习2
					// 显示年月日 用代码添加select中的option选项
					

	</body>
</html>
